import styled from 'styled-components'

export const PaginationWrapper = styled.div`
  display: flex;
  align-items: center;
  justify-content: center;
  .info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .MuiPaginationItem-page{
      &:hover{
        text-decoration: underline;
        background: rgb(34,34,34,0.04);
      }
    }
    .MuiPaginationItem-page.Mui-selected{
      background: #222;
      color: #fff;
      &:hover{
        background: rgb(34,34,34,0.12);
      }
    }
    .desc{
      margin-top: 20px;
    }
  }
`
